<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="../include/laypublic.jsp" %>
<!DOCTYPE html>
<html>
<head>
<title>复工审批信息详情</title>
</head>
<style>
.fieldset {
	margin-top: 5px;
	margin-bottom: 0px
}

.layui-legend {
	background-color: #5fb878;
	font-size: 15px !important;
	width: 140px;
}

.layui-form-item {
	margin-bottom: 5px;
	clear: both;
	*zoom: 1;
}

.layui-form-label {
	width: 150px;
}
</style>
<body>
	<div class="layui-fluid">
		<div class="layui-card">
			<div class="layui-tab-item layui-show">
				<div class="layui-card">
					<div class="layui-card-body">
						<div class="layui-tab layui-tab-brief"
							lay-filter="component-tabs-brief">
							<ul class="layui-tab-title">
								<li class="layui-this"><B>表单信息</B></li>
								<li><B>审批信息</B></li>
							</ul>
							<div class="layui-tab-content">
								<div class="layui-tab-item layui-show" >
									<!-- start 业务表单数据显示  put yourself data here -->
									<form class="layui-form" id="addInfo_form" >
					<fieldset class="layui-elem-field layui-field-title fieldset"  id="baseInfo">
						  <legend class="layui-btn layui-legend" style="text-align:left;cursor:default;">项目基础信息  ></legend>
						  <div style="margin-top:20px">
						  	<div class="layui-form-item">
						  		<div class="layui-inline">
							      	<label class="layui-form-label">申请公司</label>
							      	<div class="layui-input-inline">
						        		<input type="text" name="orgName" value="${reworkExamVo.orgName }" style="border:0px;width:220px" readonly="readonly" class="layui-input">
							      	</div>
							    </div>
							    <div class="layui-inline">
							    	<label class="layui-form-label">申请部门</label>
						      		<div class="layui-input-inline">
						        		<input type="text" name="deptName" value="${reworkExamVo.deptName }" style="border:0px;" readonly="readonly" class="layui-input">
						      		</div>
							    </div>
							    <div class="layui-inline">
							    	<label class="layui-form-label">申请人</label>
						      		<div class="layui-input-inline">
						        		<input type="text" name="staffName" value="${reworkExamVo.staffName }" readonly="readonly" style="border:0px" class="layui-input">
						      		</div>
							    </div>
						    </div>
							<div class="layui-form-item">
						  		<div class="layui-inline">
							      	<label class="layui-form-label">项目名称</label>
							      	<div class="layui-input-inline">
							        	<input type="text" name="proName" value="${reworkExamVo.proName}" style="border:0px;width:220px" readonly="readonly" class="layui-input">
							      	</div>
							    </div>
							    <div class="layui-inline">
							    	<label class="layui-form-label">项目地点</label>
						      		<div class="layui-input-inline">
						      			<input type="text" name="sgCityName" value="${reworkExamVo.sgCityName}" style="border:0px;" readonly="readonly" class="layui-input">
						      		</div>
							    </div>
							    <div class="layui-inline">
							    	<label class="layui-form-label">总投资额（万元）</label>
						      		<div class="layui-input-inline">
						      			<input type="text" name="sumAmount" value="${reworkExamVo.sumAmount}" style="border:0px;" readonly="readonly" class="layui-input">
						      		</div>
							    </div>
						    </div>
							<div class="layui-form-item">
						    	<div class="layui-inline">
							    	<label class="layui-form-label">建安工程费（万元）</label>
						      		<div class="layui-input-inline">
						      			<input type="text" name="costCae" value="${reworkExamVo.costCae}" style="border:0px;" readonly="readonly" class="layui-input">						        		
						      		</div>
							    </div>
							    <div class="layui-inline">
									<label class="layui-form-label">总包单位</label>
									<div class="layui-input-inline">
										<input type="text" name="sgCoopName" value="${reworkExamVo.sgCoopName}" style="border:0px;width:220px" readonly="readonly" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label" >是否签订内部协议</label>
									<div class="layui-input-inline" >
										<c:if test="${reworkExamVo.innerSignFlag == '1' }">
											<input type="text" name="innerSignFlag" value="已签订" style="border:0px;" readonly="readonly" class="layui-input">										    									
										</c:if>
										<c:if test="${reworkExamVo.innerSignFlag == '0' }">
											<input type="text" name="innerSignFlag" value="未签订" style="border:0px;" readonly="readonly" class="layui-input">										    									
										</c:if>
									</div>
								</div>							    
							</div>							
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label" >是否签订居间方协议</label>
									<div class="layui-input-inline" >
										<c:if test="${reworkExamVo.linkSignFlag == '1' }">
											<input type="text" name="linkSignFlag" value="已签订" style="border:0px;" readonly="readonly" class="layui-input">										    									
										</c:if>
										<c:if test="${reworkExamVo.linkSignFlag == '0' }">
											<input type="text" name="linkSignFlag" value="未签订" style="border:0px;" readonly="readonly" class="layui-input">										    									
										</c:if>
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label" >居间方 </label>
									<div class="layui-input-inline">
										<input type="text" name="linkPower" value="${reworkExamVo.linkPower}" style="border:0px;" readonly="readonly" class="layui-input">										
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label" >是否确定监理单位</label>
									<div class="layui-input-inline" >
										<c:if test="${reworkExamVo.supervisorFlag == '1' }">
											<input type="text" name="supervisorFlag" value="已确定" style="border:0px;" readonly="readonly" class="layui-input">										    									
										</c:if>
										<c:if test="${reworkExamVo.supervisorFlag == '0' }">
											<input type="text" name="supervisorFlag" value="未确定" style="border:0px;" readonly="readonly" class="layui-input">										    									
										</c:if>
									</div>
								</div>						
							</div>			
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label" >是否确定跟踪审计单位</label>
									<div class="layui-input-inline" >
										<c:if test="${reworkExamVo.trackFlag == '1' }">
											<input type="text" name="trackFlag" value="已确定" style="border:0px;" readonly="readonly" class="layui-input">										    									
										</c:if>
										<c:if test="${reworkExamVo.trackFlag == '0' }">
											<input type="text" name="trackFlag" value="未确定" style="border:0px;" readonly="readonly" class="layui-input">										    									
										</c:if>
									</div>
								</div>	
								<div class="layui-inline">
									<label class="layui-form-label">开工日期</label>
									<div class="layui-input-inline">
										<input type="text" name="startDate" value="<fmt:formatDate value="${reworkExamVo.startDate }" pattern="yyyy-MM-dd"/>" style="border:0px;" readonly="readonly" class="layui-input">										
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">内控竣工日期</label>
									<div class="layui-input-inline">
										<input type="text" name="ctrlCompletDate" value="<fmt:formatDate value="${reworkExamVo.ctrlCompletDate }" pattern="yyyy-MM-dd"/>" style="border:0px;" readonly="readonly" class="layui-input">										
									</div>
								</div>
							</div>	
																										
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label" >已停工天数(天数)</label>
									<div class="layui-input-inline" >
										<input type="text" name="stopDays" value="${reworkExamVo.stopDays}" style="border:0px;" readonly="readonly" class="layui-input">									    									 
									</div>
								</div>								
							</div>
							
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label" >停工问题解决情况</label>
									<div class="layui-input-inline" >
										<textarea name="solutionMemo" class="layui-textarea" readonly="readonly" style="width: 899px; height: 90px;">${reworkExamVo.solutionMemo }</textarea>										
									</div>
								</div>
							</div>							

							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label" >拟复工日期</label>
									<div class="layui-input-inline" >
										<input type="text" name="planRestartDate" value="<fmt:formatDate value="${reworkExamVo.planRestartDate }" pattern="yyyy-MM-dd"/>" style="border:0px;" readonly="readonly" class="layui-input">
									</div>
								</div>
							</div>

							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label" >拟复工/子项部位</label>
									<div class="layui-input-inline" >
										<textarea name="planBuildStage" class="layui-textarea" readonly="readonly" style="width: 899px; height: 90px;">${reworkExamVo.planBuildStage }</textarea>										
									</div>
								</div>
							</div>
														
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label">备注（选填）</label>
									<div class="layui-input-inline">
										<textarea name="memo" class="layui-textarea" readonly="readonly" style="width: 899px; height: 90px;">${reworkExamVo.memo }</textarea>										
									</div>
								</div>
							</div>					
						</div>
					</fieldset>
									
						<fieldset class="layui-elem-field layui-field-title fieldset">
							<legend class="layui-btn layui-legend"
								style="text-align: left; cursor: default;">附件信息 > </legend>
							<div style="margin-top: 20px;">
								<div class="layui-form-item">
									<label class="layui-form-label" style="width: 350px;">支持pdf、excel、word、图片资料，可上传多个</label>
								</div>
								<div class="layui-form-item">
									<label class="layui-form-label">附件资料</label>
									<div class="layui-input-block">
										<div class="layui-upload">
											<div class="layui-upload-list" id="1-upload-more-list">
												<c:forEach items="${reworkExamVo.reworkExamAtts}"
													var="fileAtt">													
														<div class="layui-upload-img-div">
															<c:choose>
																<c:when
																	test="${fileAtt.fileSuffix == '.jpg' or fileAtt.fileSuffix == '.jpeg' or fileAtt.fileSuffix == '.png'}">
																	<img src="${fileHttpPre }/${fileAtt.filePath }"
																		title="${fileAtt.fileName}"
																		class="layui-upload-img">
																</c:when>
																<c:otherwise>
																	<img
																		src="${ctx}/resources/images/${fn:substring(fileAtt.fileSuffix,1,5)}.jpg"
																		title="${fileAtt.fileName}"
																		class="layui-upload-img">
																</c:otherwise>
															</c:choose>
															<div class="mask">
																<a href="javascript:void(0)"
																	style="margin-left: 32px"
																	onclick="showImg('${fileHttpPre}/${fileAtt.filePath }');">查看</a>
															</div>
															<p>${fileAtt.fileName}</p>
														</div>													
												</c:forEach>
											</div>
										</div>
									</div>
								</div>	
							</div>
						</fieldset>
									</form>
									<!-- 务表单数据显示  -->
								</div>
								<!-- 引入公共流程渲染页面   -->
								<%@ include file="../include/flowPublic.jsp"%>
							</div>
						</div>
					</div>
				</div>
				<!-- 审批时 显示 通过/拒绝按钮   -->
				<c:if test="${'y'==processDealWith}">
					<fieldset class="layui-elem-field layui-field-title fieldset"
						style="text-align: center;">
						<div class="layui-form-item">
							<div class="layui-input-block">
								<input class="layui-btn layuiadmin-btn-admin layui-btn-normal "
									style="margin-top: 6px;" type="button"
									data-type="to_pass_submit" id="to_pass_submit" value="审批通过">
								<input class="layui-btn layuiadmin-btn-admin layui-btn-primary "
									style="margin-top: 6px;" type="button"
									data-type="to_refuse_submit" id="to_refuse_submit" value="审批终止">
							</div>
						</div>
					</fieldset>
				</c:if>
				<!-- 审批意见  -->
				<form class="layui-form" id="flow_process_form" style="display: none">
					<input type="hidden" name="state" id="flow_process_form_state" /> <input
						type="hidden" name="srcBizSguid" value="${modelDetail.id }" /> <input
						type="hidden" name="processId" value="${modelDetail.processId }" />
					<div class="layui-form-item" style="padding-top: 10px">
						<label class="layui-form-label">审批结果</label>
						<div class="layui-input-inline">
							<input type="text" style="border: 0px;" readonly="readonly"
								class="layui-input" id="flow_process_form_state_txt">
						</div>
					</div>
					<div class="layui-form-item" style="padding-top: 10px">
						<label class="layui-form-label">审批意见</label>
						<div class="layui-input-inline">
							<textarea name="dealIdea" placeholder="请输入审批意见"
								lay-verify="required" class="layui-textarea"
								style="width: 475px; height: 145px;"></textarea>
						</div>
					</div>
					<fieldset class="layui-elem-field layui-field-title"
						style="margin-top: 15px;">
						<legend class="layui-btn layui-legend"
							style="text-align: left; cursor: default;">
							附件信息 > <label class="layui-form-label" style="width: 100%;">支持pdf、excel、word、图片资料，可上传多个
							</label>
						</legend>
					</fieldset>
					<div class="layui-form-item" style="margin-top: 10px;">
						<label class="layui-form-label">附件资料</label>
						<div class="layui-input-block">
							<div class="layui-upload">
								<button type="button" class="layui-btn" id="upload-more">上传</button>
								<div class="layui-upload-list" id="upload-more-list"></div>
							</div>
						</div>
					</div>
					<div class="layui-form-item layui-hide">
						<input type="button" lay-submit
							lay-filter="flow_process_from_submit"
							id="flow_process_from_submit" value="确认">
					</div>
				</form>
			</div>
		</div>
	</div>
	
	<script>
		//静态资源路径前缀
		var staticPath = '${fileHttpPre}';
		var stateJSON = <infopub:dicJson groupNo="A00010028" />;
		layui.config({ 
			base:'${ctx}/resources/layuiadmin/' //静态资源所在路径
		}).extend({
			index:'lib/index' //主入口模块
		}).use(['index', 'set', 'upload', 'element', 'laydate' ],function() {
			var $ = layui.$, form = layui.form, element = layui.element, laydate = layui.laydate, upload = layui.upload, table = layui.table;
			upload.render({
			      elem: '#upload-more'
			      ,url: basePath + '/flowProcess/uploadAtt/'
			      ,multiple: true
			      ,accept: 'file'
			      ,acceptMime: 'application/zip,application/x-rar-compressed,image/jpeg,image/png,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/pdf'
			   	  ,before: function(obj){ //obj参数包含的信息
			   		    layer.load(); //上传loading
			   		  }
			      ,done: function(res){
			    	  //如果上传失败
			          if(res.code > 0){
			        	  layer.closeAll('loading'); //关闭loading
			        	  return layer.msg(res.msg,{icon: 7});
			          }
			          //上传完毕
			   	  	  if(res.entity != null && res.entity.length > 0){
						for(var i in res.entity){
							var askBillAtt = res.entity[i];
							var arr = askBillAtt.split("|");
							var imgSrc = "";
							var suffix = arr[0].substring(arr[0].lastIndexOf(".")+1,arr[0].length);
							if(suffix == 'jpg' || suffix == 'png'){
								imgSrc = "${fileHttpPre}/"+arr[2];
							}else{
								imgSrc = "${ctx}/resources/images/"+suffix+".jpg";
							}
			        		$('#upload-more-list').append('<div class="layui-upload-img-div" id="upload_img_'+arr[1]+'"><img src="'+imgSrc+'" title="'+ arr[0] +'" class="layui-upload-img"><div class="mask"><a href="javascript:void(0)" onclick="showImg(\''+"${fileHttpPre}"+arr[2] +'\');">查看</a><a href="javascript:void(0)" onclick="del(\''+arr[1]+'\')";>删除</a></div><p>'+arr[0]+'</p><input type="hidden" value="'+askBillAtt+'" id="fileAtt_'+arr[1]+'" name="fileAtt" ></input></div> ');
						}
				  	  }
			      }
			      ,allDone: function(obj){ //当文件全部被提交后，才触发
			    	  layer.closeAll('loading'); //关闭loading
			      }
			      ,error: function(){
			    	  layer.closeAll('loading'); //关闭loading
			          //上传失败
			          layer.msg("上传失败，请稍后再试~",{icon: 7});
			        }
			    });
			// 按钮事件
		    var active = {
		    	to_pass_submit: function(){
		    	  $('#flow_process_form_state').val("1");	
		    	  $('#flow_process_form_state_txt').val("审批通过");	
		          layer.open({
		        	  type: 1
		        	  ,title: '审批通过确认'
		        	  ,content: $('#flow_process_form')
		        	  ,area: layui.admin.screen() < 2 ? ['80%', '460px'] : ['820px','460px']
		        	  ,btn: ['确定', '取消']
		        	  ,btnAlign: 'c'
		        	  ,yes: function(index, layero){
		        		  var submitID = 'flow_process_from_submit'
		            		,submit = layero.contents().find('#'+ submitID);
		        		  //监听提交
		        		  form.on('submit('+ submitID +')', function(data){
		        			var field = data.field; //获取提交的字段
	        		  		layer.load();
	        		       	//提交 Ajax 成功后，静态更新表格中的数据
	        		       	$.ajax({
	        		           	type : 'post',
	        					url : basePath + "/flowProcess/dealWith",
	        					data: $('#flow_process_form').serialize(),
	        					success:function(result){
	        						if(result.success){
	        							layer.closeAll('loading'); //关闭loading
	        							layer.msg('处理成功~',{icon: 1});
	        							//两秒后关闭当前页面
	        							setTimeout(function(){
	        								// 刷新首页 
	        								var iframe = window.parent.layui.admin.tabsBody(0).find(".layadmin-iframe");
	        								iframe[0].contentWindow.location.reload(true);
	        								top.layui.admin.closeThisTabs(); // 关闭当前标签页
	        						        }, 2000);
	        						}else{
	        							layer.closeAll('loading'); //关闭loading
	        							layer.msg(result.msg,{icon: 7});
	        					  	}
	        					}
	        		       	});
		            	});  
		            submit.trigger('click');
		          }
		        }); 
		      },
		      to_refuse_submit: function(){
		    	  $('#flow_process_form_state').val("0");
		    	  $('#flow_process_form_state_txt').val("审批终止");
		          layer.open({
		        	  type: 1
		        	  ,title: '审批终止确认'
		        	  ,content: $('#flow_process_form')
		        	  ,area: layui.admin.screen() < 2 ? ['80%', '460px'] : ['820px','460px']
		        	  ,btn: ['确定', '取消']
		        	  ,btnAlign: 'c'
		        	  ,yes: function(index, layero){
		        		  var submitID = 'flow_process_from_submit'
		            		,submit = layero.contents().find('#'+ submitID);
		        		  //监听提交
		        		  form.on('submit('+ submitID +')', function(data){
		        			var field = data.field; //获取提交的字段
	      		  		layer.load();
	      		       	//提交 Ajax 成功后，静态更新表格中的数据
	      		       	$.ajax({
	      		           	type : 'post',
	      					url : basePath + "/flowProcess/dealWith",
	      					data: $('#flow_process_form').serialize(),
	      					success:function(result){
	      						if(result.success){
	      							layer.closeAll('loading'); //关闭loading
	      							layer.msg('处理成功~',{icon: 1});
	      							//两秒后关闭当前页面
	      							setTimeout(function(){
	      								// 刷新首页 
	      								var iframe = window.parent.layui.admin.tabsBody(0).find(".layadmin-iframe");
	      								iframe[0].contentWindow.location.reload(true);
	      								top.layui.admin.closeThisTabs(); // 关闭当前标签页
	      						        }, 2000);
	      						}else{
	      							layer.closeAll('loading'); //关闭loading
	      							layer.msg(result.msg,{icon: 7});
	      					  	}
	      					}
	      		       	});
		            	});  
		            submit.trigger('click');
		          }
		        }); 
		      }
		    }  
		    // data-type事件
		    $('.layui-btn.layuiadmin-btn-admin').on('click', function(){
		      var type = $(this).data('type');
		      active[type] ? active[type].call(this) : '';
		    });
		  	
		  });
	  
		//删除文件
		function del(index){
			layui.$("#fileAtt_"+index).remove();
			layui.$("#upload_img_"+index).remove();
		}

		//根据url查看文件
		function showImg(url){
			var openWin = window.open(url,'','left=410,height=768, width=1024, top=200,  toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no');
		}
	</script>
</body>
</html>

